<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>后台管理 —— 组织管理</title>
    <link rel="shortcut icon" href="../static/img/images/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" type="text/css" href="../static/css/style/style.css">
    <link rel="stylesheet" type="text/css" href="../static/css/style/orgmanage.css">
    <link rel="stylesheet" type="text/css" href="../static/js/layui/css/layui.css">
    <link rel="stylesheet" type="text/css" href="../static/css/ztree/zTreeStyle.css">
</head>

<body>
    <div class="app">
        <header>
            <div class="header-border">
            </div>
            <div class="header-content">
                <div id="header-date"></div>
                <div id="header-week"></div>
                <div id="header-menu"><div>首页</div></div>
                <div id="header-room" class="header-nav">
                    <div>机房选择</div>
                </div>
                <div id="orgname">
                    <img src="../static/img/images/icon2.png" alt="">
                    <span></span></div>
                <div id="manage">
                    <img src="../static/img/images/icon1.png" alt="">
                    后台管理</div>
                <div id="logout">注销</div>
                <div class="room-choose">
                </div>
            </div>
        </header>
        <nav>
            <div class="nav-item" id="orgmanage">组织管理</div>
            <div class="nav-item" id="user">用户管理</div>
            <div class="nav-item" id="computerroom">机房管理</div>
            <div class="nav-item" id="nodeinfo">设备管理</div>
        </nav>
        <div class="main">
            <div class="main-left">
                <div class="main-left-tit">组织管理 <span>//////</span></div>
                <div class="main-left-con">
                    <div class="main-left-tree">
                        <ul id="treeDemo" class="ztree"></ul>
                    </div>
                </div>
            </div>
            <div class="main-right">
                <div class="main-left-tit">组织管理 <span>//////</span> </div>
                <div class="main-right-con">
                      <div class="branch layui-form" >
                        <div class="body-top">
                            <span>组织名称</span>
                            <input id="assname" type="text">
                        </div>
                        <div class="body-top">
                            <span>创建时间</span>
                            <input type="text" id="date-input" style="width: 1.8rem;">
                        </div>
                        <div class="body-button">
                            <button class="layui-atn" lay-submit lay-filter="formDemoa">
                                            <img src="../static/img/images/search.png">
                                            查询
                                        </button>
                        </div>
                        <div class="body-button">
                            <button class="layui-btn" lay-submit lay-filter="formDemob">
                                            <img src="../static/img/images/add.png">
                                            新增
                                        </button>
                        </div>
                    </div>
                     <div class="order-body-bottom">
                            <div class="body-content-table">
                                <table id="body-content-table"></table>
                            </div>
                    </div>
                </div>
            </div>
            <div class="add-org msg-from-to-mid">
                <div class="main-tit">
                    <img src="../static/img/images/icon44.png">
                    <label ></label>
                    <div onciclk="$('.add-org').hide()">
                        ✕ 关闭
                    </div>
                </div>
                <form class="layui-form" action="" lay-filter="formTest" >
                    <div class="add-org-body">
                        <ul>
                            <li class="add-org-body-item">
                                <div>组织名称：</div>
                                <input id="name" name="name" type="text" required lay-verify="required" class="layui-input">
                            </li>
                            <li class="add-org-body-item">
                                <div>联系人：</div>
                                <input id="person" name="person" type="text" required lay-verify="required" class="layui-input">
                            </li>
                            <li class="add-org-body-item">
                                <div>联系电话：</div>
                                <input id="phone" name="phone" type="text" required lay-verify="required" class="layui-input">
                            </li>
                        </ul>
                        <div class="add-org-submit">
                            <button type="reset" id="reset">重置</button>
                           <button id="formDemoSubmit" lay-submit lay-filter="formDemo">提交</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        </div>
    </div>
    <script type="text/javascript" src="../static/js/common/jquery.min.js"></script>
    <script type="text/javascript" src="../static/js/biz/app.js"></script>
    <script type="text/javascript" src="../static/js/layui/layui.all.js"></script>
    <script type="text/javascript" src="../static/js/biz/orgmanage.js"></script>
    <script type="text/javascript" src="../static/js/ztree/jquery.ztree.all.min.js"></script>
</body>

</html>